<extend name="User/index"/>
<block name="pageContent">
    <style>
        .caidan{display: flex;background-color: #fff;}
        .caidan div{border: solid 1px #D8D6D6;min-height: 4em;text-align: center;}
        .caidan div:first-child{width: 20%;}
        .caidan div:first-child a{min-height: 2em;}
        .caidan div:nth-child(2){width: 30%;}
        .caidan div:last-child{width: 50%;border-left: none;}
        .caidan div{width: 33.5%;border: solid 1px #D8D6D6;min-height: 4em;text-align: center;}
        .caidan div img{margin: .5em 0;width: 25%}
        .caidan div h4{margin: .5em 0;font-size: 1em;}
        .caidan div a{display: inline-block;width: 100%;min-height: 4em;}
        /*.caidan div.text a{border-left: 1px solid #d1d1d1;border-right: 1px solid #d1d1d1;}*/
        .caidan div a:hover{color: #333;}
        h3{line-height: 2.5em;background-color: #D8D6D6;padding:0 .5em;}
        .caidan .text{font-size: 1.4em;padding-top: 1em;border-right: none;}
        .caidan .btn{font-size:1.4em;margin-top: 1.2em; ;width: 7em;height: 3em;background-color: #00A8FF;min-height:3em;border-radius: .5em;color: #fff;line-height: 3em}
        .caidan .btn:hover{color: #fff;}
        .txt_img img{width: 1em;}
    </style>
    <div class="caidan">
        <div class="text">
            <a>
                您当前是：
            </a>
        </div>
        <div style="">
            <a>
                <img src="/Public/Home/images/user/ren9.png" alt="">
                <h4>
                    <if condition="$result[0]['level'] eq 0">
                        普通用户
                        <elseif condition="$result[0]['level'] eq 1" />
                        初级会员
                    </if>
                </h4>
            </a>
        </div>
        <div>
            <a class="btn" href="{:U('Order/create')}">
                我要晋升
            </a>
        </div>
    </div>
    <div style="margin: 0 .5em">
    <h2 style="font-size: 1.5em;margin: 1em 0 0.5em;">您的晋升：</h2>
   <div style="font-size: 1.5em;text-indent:1em " class="txt_img">
       <span <if condition="$result[0]['level'] eq 0">style='color:red' </if>>普通用户</span> <img src="/Public/Home/images/user/jiantou.png" alt="">
       <span <if condition="$result[0]['level'] eq 1">style='color:red' </if>>初级会员</span> <img src="/Public/Home/images/user/jiantou.png" alt="">
       <span <if condition="$result[0]['level'] eq 2">style='color:red' </if>>中级会员</span> <img src="/Public/Home/images/user/jiantou.png" alt="">
       <span <if condition="$result[0]['level'] eq 3">style='color:red' </if>>高级会员</span>
   </div>
    <h2 style="font-size: 1em;margin: 1em 0 0em;">初级会员：</h2>
    <div style="font-size: 1em;text-indent:2em;color: #777777 ">
        您目前为普通用户，认证缴费后将成为初级会员，享受全站浏览特权。浏览者和未缴纳基础会费的会员可查看平台基础类知识，以及可查看非基础类知识的一部分。
    </div>
    <h2 style="font-size: 1em;margin: 1em 0 0em;">中级会员：</h2>
    <div style="font-size: 1em;text-indent:2em;color: #777777 ">
        您目前为普通用户，认证缴费后将成为初级会员，享受全站浏览特权。浏览者和未缴纳基础会费的会员可查看平台基础类知识，以及可查看非基础类知识的一部分。
    </div>
    <h2 style="font-size: 1em;margin: 1em 0 0em;">高级会员：</h2>
    <div style="font-size: 1em;text-indent:2em;color: #777777 ">
        您目前为普通用户，认证缴费后将成为初级会员，享受全站浏览特权。浏览者和未缴纳基础会费的会员可查看平台基础类知识，以及可查看非基础类知识的一部分。
    </div>
    </div>
</block>